
<div class="pull-right m-5">
    <a href="javascript:;" title="搜索" class="" onclick="role_search();"><b class="glyphicon glyphicon-zoom-out p-4"></b></a>
    <a href="javascript:;" title="刷新" onclick="role_refresh()" ><b class="glyphicon glyphicon-refresh  p-4"></b></a>
    <a href="javascript:;" title="导出" onclick="exportRoleExcel()"><b class="glyphicon glyphicon-save  p-4"></b></a>
    <a href="javascript:;" sec:authorize="hasAnyAuthority('role:add','role:delete','role:update')" class="dropdown-toggle" data-toggle="dropdown"><b class="glyphicon glyphicon-chevron-down  p-4"></b> </a>
    <ul class="dropdown-menu animated " style="top: 60px;" sec:authorize="hasAnyAuthority('role:add','role:delete','role:update')">
        <li sec:authorize="hasAuthority('role:add')"><a href="javascript:;" onclick="addRoles();">新增角色</a></li>
        <li sec:authorize="hasAuthority('role:update')"><a href="javascript:;" onclick="editRoles();">修改角色</a></li>
        <li sec:authorize="hasAuthority('role:delete')"><a href="javascript:;" onclick="deleteRoles()">删除角色</a></li>
    </ul>
</div>
<table id="role-data-table" class="table table-striped table-bordered"></table>
<script data-th-src="@{js/app/system/role/role.js}"></script>

<!--角色新增窗口-->
<div class="modal fade" id="Roles_info" data-keyboard="false" data-backdrop="static" tabindex="-1">

</div>

<!--角色编辑窗口-->
<div class="modal fade" id="Roles_info_edit" data-keyboard="false" data-backdrop="static" tabindex="-1">
    <div class="panel panel-inverse modal-dialog modal-lg" data-sortable-id="ui-general-1">
        <div class="panel-heading">
            <div class="panel-heading-btn">
                <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-danger" data-dismiss="modal" ><i class="fa fa-times"></i></a>
            </div>
            <h4 class="panel-title">修改角色</h4>
        </div>
        <div class="panel-body">
            <form class="form-horizontal form-bordered" data-parsley-validate="true" id="role-edit-form">
                <div class="form-group">
                    <label class="control-label col-md-2 col-sm-2" for="roleName">角色名称 * :</label>
                    <div class="col-md-7 col-sm-7">
                        <input class="form-control" type="text" id="roleNameedit" name="roleName" placeholder="必填" data-parsley-required="true" />
                        <input type="hidden" name="roleId" id="roleId" value="">
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-2 col-sm-2" for="remarkedit">角色描述 * :</label>
                    <div class="col-md-7 col-sm-7">
                        <input class="form-control" type="text" id="remarkedit" name="remark" placeholder="必填" data-parsley-required="true" />
                    </div>
                </div>

                <div class="form-group">
                    <label class="control-label col-md-2 col-sm-2" for="menuId">菜单权限 * :</label>
                    <div class="col-md-7 col-sm-7 height-300 overflow-auto">
                        <div id="menuTreeedit"></div>
                        <input class="form-control" type="hidden" id="menuId" name="menuId" />
                    </div>
                </div>

            </form>
        </div>
        <div class="panel-footer">
            <a href="javascript:;" class="btn btn-sm btn-danger pull-right m-3" onclick="editRolesInfo();">保存</a>
            <a href="javascript:;" class="btn btn-sm btn-white pull-right m-3" data-dismiss="modal">取消</a>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
